网页设计是平面设计的一种。和设计其他图像作品一样,同样要讲究色彩、布局、设计元素、设计创意、设计布局等设计技巧。使用Photoshop对网页的效果图进行设计时,需要进行一定的创意与设计。网页中的内容一般是以文字为主,所有网页的设计要求清新自然,容易突出网站的内容。有些种类的网页可以进行一些夸张的艺术设计,用夸张的颜色与视觉效果表现网站的内容。
关于网页的大小,并没有统一的规定或要求。浏览器可以根据网页的大小自动调整和布局网页。当网页超过一个版面时,浏览器会出现滚动条,使网页的内容布局到另一个版面上，网页的大小需要根据具体要求和常规的设计习惯确定。网页的页面大小一般有3种情况：
1、居中类型小版面网站
有些网页只需设计出网页能提供的功能即可。例如,百度等搜索引擎页面通常只列出搜索功能和相关的链接,排列在网页的中央位置。这种网站没有规定的网页宽度和大小的要求。个人网页也没有大小的要求,只需排版到一个网页上即可。
2、778像素居中型网站
网站,在1024×768的显示分辨率下,网页的两边有两个空白区域,网页的内容在网站中央这是传统型网页宽度。网页的宽度一般为778像素或800像素左右,在800×600的显示分辨率下,正好布满整个屏幕。如果在1024×768的显示分辨率下,两边的空白区域可以设计两个对联广告,在网页中用 JavaScript判断显示器显示分辨率,在有空白区域时显示这两个对联广告。由于科技的不断发展800×600的显示分辨率已经很少使用,所以778像素居中型网站也渐渐退出了历史的舞台
3.宽屏网站
宽屏网站在1024×768的显示分辨率下正好能布满整个显示器宽度,宽度为1002像素,新闻类网站常使用这种页面宽度。网页的页面长度根据网页的页面内容的多少而定。网站的主页最好布满一整屏,如果有很多内容,可以有很多屏。但是,如果网页的页面太大,可能影响到网页的下载与显示速度。在实际设计中,网页的长度最好不要超过五至六屏。是个宽度为1002的宽屏网站,在1024×768的显示分辨率下正好占满整个屏幕,拖动滚动条时可以查看多屏内容。
4.网页效果图中效果图宽度的设置
在Photoshop Cs6中,可以通过设置图片的大小来设置网页效果图的大小。选择“图像图像大小”命令,打开“图像大小”对话框,如图8-5所示,在“宽度”文本框中输入“778”,在“高度文本框中输入“1024”,然后单击“确定”按钮完成设置。
